<template>
  <Card>
    <Row style="text-align: center">
      <Col span="6">
        <Card>
          <div @click="openInto">
            <icons type="shujujiguanli" :size="200" color="#af5da1"></icons>
            <p>入住登记</p>
          </div>
        </Card>

      </Col>
      <Col span="6">
        <Card>
          <div @click="openOrderInto">
            <icons type="APIjieru" :size="200" color="#bf52d3"></icons>
            <p>订单入住</p>
          </div>
        </Card>
      </Col>
      <Col span="6">
        <Card>
          <div @click="openOrderOut">
            <icons type="tuichu" :size="200" color="#eb5d7e"></icons>
            <p>退房</p>
          </div>
        </Card>
      </Col>
      <Col span="6">
        <Card>
          <div @click="openPrint">
            <icons type="print" :size="200" color="#47bfd4"></icons>
            <p>打印订单</p>
          </div>
        </Card>
      </Col>
      <Col span="6">
        <Card>
          <div @click="openVipAdd">
            <icons type="group" :size="200" color="#f23ed5"></icons>
            <p>会员登记</p>
          </div>
        </Card>
      </Col>
    </Row>
    <intouser ref="intouser"></intouser>
    <orderinto ref="orderinto"></orderinto>
    <orderout ref="orderout"></orderout>
    <orderprint ref="orderprint"></orderprint>
    <vipadd ref="ordervipadd"></vipadd>
  </Card>
</template>

<script>
import icons from "_c/icons/icons";
import intouser from "@/view/admin/fast/intouser";
import orderinto from "@/view/admin/fast/orderinto";
import orderout from "@/view/admin/fast/orderout";
import orderprint from "@/view/admin/fast/orderprint";
import Vipadd from "@/view/admin/fast/vipadd";
export default {
  name: "fast",
  components: {
    Vipadd,
    icons,
    intouser,
    orderinto,
    orderout,
    orderprint
  },
  methods: {
    openInto() {
      this.$refs.intouser.show();
    },
    openOrderInto() {
      this.$refs.orderinto.show();
    },
    openOrderOut() {
      this.$refs.orderout.show();
    },
    openPrint() {
      this.$refs.orderprint.show();
    },
    openVipAdd(){
      this.$refs.ordervipadd.show();
    }
  }
}
</script>

<style scoped lang="less">
p {
  font-family: 'Operator Mono', 'Source Code Pro', Menlo, Monaco, Consolas, Courier New, monospace;
  font-weight: bold;
  font-size: 24px;
}
</style>
